<!DOCTYPE html>
<html>
	<head>
	    <meta charset="utf-8">
	    <title>Dashboard</title>
	    <meta name="viewport" content="width=device-width, initial-scale=1.0">
	    <meta name="description" content="">
	    <meta name="author" content="">
	
	    <!-- Le styles -->
	    <link href="../bootstrap/css/bootstrap.css" rel="stylesheet">
	    <style type="text/css">
	      body {
	        padding-top: 60px;
	        padding-bottom: 40px;
	        background: #f5f5f5 url('img/purty_wood.png') repeat;
	      }
	      .sidebar-nav {
	        padding: 9px 0;
	      }
	      .table {
	      	background-color: #FFF;
	      	line-height: 100%;
	      }
	      tbody > tr > td:last-child {
	      	width: 15%;
	      }
	      tbody > tr > td:first-child {
	      	width: 7%;
	      }
	    </style>
	    <link href="../bootstrap/css/bootstrap-responsive.css" rel="stylesheet">
	
	    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
	    <!--[if lt IE 9]>
	      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	    <![endif]-->
	  </head>
	<body>
		<div class="navbar navbar-fixed-top">
		      <div class="navbar-inner">
		        <div class="container-fluid">
		          <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
		            <span class="icon-bar"></span>
		            <span class="icon-bar"></span>
		            <span class="icon-bar"></span>
		          </a>
		          <a class="brand" href="#">Project name</a>
		          <div class="btn-group pull-right">
		            <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
		              <i class="icon-user"></i> Username
		              <span class="caret"></span>
		            </a>
		            <ul class="dropdown-menu">
		              <li><a href="#">Profile</a></li>
		              <li class="divider"></li>
		              <li><a href="#">Sign Out</a></li>
		            </ul>
		          </div>
		          <div class="nav-collapse collapse" style="height: 0px; ">
		            <ul class="nav">
		              <li class="active"><a href="#">Home</a></li>
		              <li><a href="#about">About</a></li>
		              <li><a href="#contact">Contact</a></li>
		            </ul>
		          </div><!--/.nav-collapse -->
		        </div>
		      </div>
		    </div>
		    <div class="container-fluid">
			<div class="row-fluid">
				<div class="span3">
					<div class="well sidebar-nav">
			            <ul class="nav nav-list">
				            <li class="nav-header"><i class="icon-file"></i>Gestione Articoli</li>
				            <li class="active"><a href="#">Scrivi Articolo</a></li>
				            <li><a href="#">Modifica Articolo</a></li>
				            <li><a href="#">Gestisci Categorie</a></li>
				            <li class="nav-header"><i class="icon-calendar"></i>Gestione Settimana</li>
				            <li><a href="#">Aggiungi Evento</a></li>
				            <li><a href="#">Modifica Evento</a></li>
				            <li><a href="#">Visualizza Mese</a></li>
				            <li class="nav-header"><i class="icon-fire"></i>Gestione Hotnews</li>
				            <li><a href="#">Aggiungi Hotnews</a></li>
				            <li><a href="#">Modifica Ordine</a></li>
				            <li class="nav-header"><i class="icon-film"></i>Gestione Cinema</li>
				            <li><a href="#">Aggiungi Proiezione</a></li>
				            <li><a href="#">Modifica Proiezione</a></li>
				            <li class="nav-header"><i class="icon-folder-open"></i>Gestione Materiale</li>
				            <li><a href="#">Aggiungi Materiale</a></li>
				            <li><a href="#">Modifica Materiale</a></li>
				            <li class="nav-header"><i class="icon-user"></i>Gestione Utenti</li>
				            <li><a href="#">Aggiungi Utente</a></li>
				            <li><a href="#">Modifica Utente</a></li>
				            <li><a href="#">Visualizza Utenti</a></li>
			            </ul>
					</div>
				</div>
				<div class="span9">
				    <table class="table table-striped table-bordered">
				    <thead>
				    	<tr>
					    	<td></td>
					    	<td>Titolo</td>
					    	<td>Abstract</td>
					    	<td>Data</td>
					    	<td></td>
				    	</tr>
				    </thead>
					    <tbody>
						    	<tr>
						    		<td><img src="http://placehold.it/50x50" alt=""></td>
						    		<td>Prova di Titolo</td>
						    		<td>Prova di Abstract</td>
						    		<td>27/01/2012</td>
						    		<td>
							    		<div class="btn-group">
							    		  <button class="btn"><i class="icon-pencil"></i></button>
							    		  <button class="btn"><i class="icon-eye-open"></i></button>
							    		  <button class="btn"><i class="icon-trash"></i></button>
							    		</div>
						    		</td>
						    	</tr>
						    	<tr>
						    		<td><img src="http://placehold.it/50x50" alt=""></td>
						    		<td>Prova di Titolo</td>
						    		<td>Prova di Abstract</td>
						    		<td>27/01/2012</td>
						    		<td>
						    			<div class="btn-group">
						    			  <button class="btn"><i class="icon-pencil"></i></button>
						    			  <button class="btn"><i class="icon-eye-open"></i></button>
						    			  <button class="btn"><i class="icon-trash"></i></button>
						    			</div>
						    		</td>
						    	</tr>
						    	<tr>
						    		<td><img src="http://placehold.it/50x50" alt=""></td>
						    		<td>Prova di Titolo</td>
						    		<td>Prova di Abstract</td>
						    		<td>27/01/2012</td>
						    		<td>
						    			<div class="btn-group">
						    			  <button class="btn"><i class="icon-pencil"></i></button>
						    			  <button class="btn"><i class="icon-eye-open"></i></button>
						    			  <button class="btn"><i class="icon-trash"></i></button>
						    			</div>
						    		</td>
						    	</tr>
						    	<tr>
						    		<td><img src="http://placehold.it/50x50" alt=""></td>
						    		<td>Prova di Titolo</td>
						    		<td>Prova di Abstract</td>
						    		<td>27/01/2012</td>
						    		<td>
						    			<div class="btn-group">
						    			  <button class="btn"><i class="icon-pencil"></i></button>
						    			  <button class="btn"><i class="icon-eye-open"></i></button>
						    			  <button class="btn"><i class="icon-trash"></i></button>
						    			</div>
						    		</td>
						    	</tr>
						    	<tr>
						    		<td><img src="http://placehold.it/50x50" alt=""></td>
						    		<td>Prova di Titolo</td>
						    		<td>Prova di Abstract</td>
						    		<td>27/01/2012</td>
						    		<td>
						    			<div class="btn-group">
						    			  <button class="btn"><i class="icon-pencil"></i></button>
						    			  <button class="btn"><i class="icon-eye-open"></i></button>
						    			  <button class="btn"><i class="icon-trash"></i></button>
						    			</div>
						    		</td>
						    	</tr>
					    </tbody>
				    </table>
				</div>
			</div>
		</div>
		    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
		    <script src="../bootstrap/js/bootstrap.js"></script>
		    <script src="../bootstrap/js/bootstrap-transition.js"></script>
	</body>
</html>